<template>
  <view class="service-area">
    <view class="service-item">
      <image class="service-icon" src="/static/svg/guarantee.svg"></image>
      <text>正品保证</text>
    </view>
    <view class="service-item">
      <image class="service-icon" src="/static/svg/return.svg"></image>
      <text>7天无理由退货</text>
    </view>
    <view class="service-item">
      <image class="service-icon" src="/static/svg/compensation.svg"></image>
      <text>假一赔十</text>
    </view>
  </view>
</template>

<script setup>
// 暂无逻辑
</script>

<style scoped>
.service-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding-top: 10rpx;
}
.service-item {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  color: #8f8f94;
}
.service-icon {
  width: 36rpx;
  height: 36rpx;
  margin-right: 8rpx;
}
</style> 